<template>
  <div class="page-content">
    <div class="text-right" v-if="viewMode">
      <el-button size="small" class="mb-2 d-print-none" @click="handlePrint">
        <i class="fa fa-print"></i>
        打印
      </el-button>
    </div>
    <div :id="printId" class="p-5">
      <div v-loading="loading" class="print-content">
        <div class="font-weight-bold">
          【重要请示】尊敬的客户：为了维护您的权益，请在签署本授权书前，仔细阅读本授权书各条款（特别是黑体字条款），关注您在授权书中的权利、义务。如有任何疑问，请向经办行咨询。
        </div>
        <h4 class="text-center pt-1">授 权 书</h4>
        <h5 class="text-center">（{{ isPerson ? '个人征信业务' : '企业征信业务' }}）</h5>
        <div class="pt-3"><span class="underline">贵州省农业信贷融资担保股份有限公司：</span></div>
        <div v-if="isPerson">
          <div>
            <div class="text-indent">
              一、本人同意并不可撤销地授权：
              <span class="font-weight-bold">
                贵公司按照国家相关规定采集并向金融信用信息基础数据库及其他依法成立的征信机构提供本人个人信息和包括信贷信息在内的信用信息（包含本人因未及时履行合同义务产生的不良信息）。
              </span>
            </div>
            <div class="text-indent">
              二、本人同意并不可撤销地授权：
              <span class="font-weight-bold">
                贵公司可以根据国家有关规定，自本授权书签署之日至约定用途的业务结清之日时，有权向金融信用信息基础数据库及其他依法成立的征信机构查询、打印、保存本人的信用信息，并用于下述用途：
              </span>
            </div>
            <div>
              <div class="text-indent">
                <span class="box-size">□</span>
                客户准入资格审查；
                <span class="box-size">□</span>
                贷款审批；
                <span class="box-size">□</span>
                信用卡（公务卡）审批；
              </div>
              <div class="text-indent">
                <span class="box-size">□</span>
                担保资格审查；
                <span class="box-size">□</span>
                企业法人代表、负责人、高管等关联人资信审查；
                <span class="box-size">□</span>
                个人贷款关联人资信审查；
                <span class="box-size">□</span>
                贷后管理；
                <span class="box-size">□</span>
                异议核查；
              </div>
              <div class="text-indent">
                <span class="box-size">□</span>
                特约商户实名审查；
                <span class="box-size">□</span>
                _______________________________。
              </div>

              <div class="text-indent font-weight-bold">
                三、若本人在贵公司业务未获批准办理，本授权书及本人信用报告等资料无须退回本人。
              </div>
              <div class="text-indent font-weight-bold">
                本人声明：本人已仔细阅读上述所有条款，并已特别注意字体加黑的内容。贵公司已应本人要求对相关条款予以明确说明。本人对所有条款的含义及相应的法律后果已全部通晓并充分理解，本人自愿作出上述授权、承诺和声明。
              </div>
              <div class="text-right">
                <div>
                  授权人（签字）：
                  <span class="underline">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  </span>
                </div>
                <div>
                  证件名称及号码：
                  <small class="underline">居民身份证：522425199502230320</small>
                </div>
                <div>
                  签署日期：________年______月_____日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </div>
              </div>
            </div>
          </div>
        </div>
        <div v-else>
          <div class="text-indent">
            一、本单位同意并不可撤销地授权：
            <span class="font-weight-bold">
              贵公司自本授权书签署之日至约定用途的业务结清之日通过金融信用信息基础数据库查询、打印、保存、使用本单位的信用报告和其他信用信息（包含本单位因未及时履行合同义务产生的不良信息）。约定用途为以下第____项。
            </span>
          </div>
          <div class="text-indent">（一）审核本单位授信业务的；</div>
          <div class="text-indent">（二）审核本单位用信申请的；</div>
          <div class="text-indent">（三）审核本单位作为担保人的；</div>
          <div class="text-indent">（四）对已发放的本单位信用进行风险管理的；</div>
          <div class="text-indent">
            （五）涉及本单位关联人的信贷、担保或风险管理业务，需查询本单位信用信息的；
          </div>
          <div class="text-indent d-flex">
            <div>（六）</div>
            <div class="w-50 underline"></div>
            。
          </div>
          <div class="text-indent">
            二、本单位同意并不可撤销地授权：
            <span class="font-weight-bold">
              贵公司按照国家相关规定采集并向金融信用信息基础数据库提供本单位的基本信息和信贷信息。
            </span>
          </div>
          <div class="text-indent">
            <span class="font-weight-bold">
              三、若本单位在贵公司的业务未获批准，本授权书、信用报告等资料无须退回。
            </span>
          </div>
          <div class="text-indent">
            <span class="font-weight-bold">
              授权单位声明：贵公司已依法向本单位提示了征信授权事项，应本单位要求对上述条款（特别是黑体字条款）的概念、内容及法律效果做出了说明，本单位已知悉和理解。
            </span>
          </div>
          <div class="text-right">
            <div class="d-flex justify-content-end">
              <div>授权单位（单位名称并加盖公章）：</div>
              <div class="underline text-left flex-1">
                {{ relatedData.customer_name }}
              </div>
            </div>
            <div class="py-2 d-flex justify-content-end">
              <div>授权单位法定代表人/授权代理人(签字)：</div>
              <div class="underline flex-1"></div>
            </div>
            <div>
              签署日期：
              <span class="underline">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </span>
              年
              <span class="underline">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </span>
              月
              <span class="underline">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </span>
              日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { printA4 } from '@vimi/utils-tool'
export default {
  props: {
    isPerson: {
      type: Boolean,
      default: false,
    },
    relatedData: {
      type: Object,
      default() {
        return {}
      },
    },
  },
  data() {
    return {
      loading: false,
    }
  },
  computed: {
    viewMode() {
      return true
    },
    queryId() {
      return this.relatedData.customer_related_id
    },
    printId() {
      return `credit-search-${this.queryId}`
    },
  },
  created() {},
  methods: {
    handlePrint() {
      printA4(
        document.getElementById(this.printId).innerHTML,
        `
        .print-content {
          border: 1px solid $border-color;
          padding: 2rem;
          background-color: #fefefe;
          max-width: 700px;
          margin: 0 auto;
          font-size: 1.2rem;
          line-height: 2;
        }
        .text-indent {
          text-indent: 2.4rem;
        }
        .text-sign {
          margin-right: 80px;
        }
        .underline {
          border-bottom: 1px solid;
        }
        .box-size {
          font-size: 25px;
        }
        .flex-1 {
          flex: 1
        }
      `
      )
    },
  },
}
</script>
<style lang="scss" scoped>
.page-content {
  border: 1px solid $border-color;
  padding: 2rem;
  background-color: #fefefe;
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 2;
}
.text-indent {
  text-indent: 2.4rem;
}
.text-sign {
  margin-right: 80px;
}
.underline {
  border-bottom: 1px solid;
}
.box-size {
  font-size: 25px;
}
</style>
